<template>
  <div>
  </div>
</template>

<script>
import { getUserQQinfo, getUserQQlogin, getUserInfo } from "@/http/index";
export default {
  methods: {
    getQQ() {
      const isLogin = this.$QQ.Login.check();
      console.log('00000000000',isLogin);
      if (isLogin) {
        //获取 openId  accessToken
        this.$QQ.Login.getMe((openId, accessToken) => {
          console.log("openId:", openId, "accessToken:", accessToken);
          const params = {
            access_token: accessToken,
            openid: openId,
            oauth_consumer_key: "101850878", // QQ 互联 平台 appID
          };
          // 发送请求 获取QQ用户信息
          getUserQQinfo(params, (res) => {
            console.log("QQ用户信息", res);
            //存储头像
            console.log('头像信息', res.data.figureurl_qq_2);
            localStorage.setItem("avatarImage", res.data.figureurl_qq_2);
            this.$store.commit('setAvatarImage',res.data.figureurl_qq_2)
            
            const par = {
              openid: openId,
              username: res.data.nickname,
            };

            // 使用 QQ 信息 登录 获取 token
            getUserQQlogin(par, (res) => {
              console.log("使用 QQ 信息 登录 获取 token:", res);
              //存储token
              localStorage.setItem("zxgToken", res.data.token);
              //获取用户信息
              getUserInfo().then((res) => {
                if (res.status != 0) return;
                //更新存储用户数据
                this.$store.commit("setUserInfo", res.data);
                this.$nextTick(() => {
                  //跳转到/user页面，并点击返回为上上个页面
                  this.$router.replace("/user").catch((err) => {
                    console.log(err);
                  });
                });
                //获取购物车数据
                this.$store.dispatch("getCartData");
              });
            });
          });
        });
      }
    },
  },
  created() {
    console.log('页面跳转成功');
    this.getQQ() 
  },
};
</script>

<style>
</style>